<template>
  <div class="app-wrapper">
    <div class="containerBox">
      <BoxHead class="headBox"></BoxHead>
      <div class="mainBox">
        <BoxLeft class="leftBox"></BoxLeft>
        <BoxRight class="rightBox"></BoxRight>
      </div>
    </div>
  </div>
</template>

<script>
import { BoxHead , BoxLeft , BoxRight } from '../layout/NewMain'

export default {
  name: "index",
  data() {
    return {
      // 版本号
      version: "2.3.0",
    };
  },
  components: {
    BoxHead,
    BoxLeft,
    BoxRight
  },
  methods: {
    
  },
};
</script>

<style scoped lang="scss">
//New
  .app-wrapper{
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url('../assets/imgs/global-connections.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    .containerBox{
      width: 100%;
      height: 100%;
      background:rgba($color: #0A1C48, $alpha: 0.2);
      .headBox{
        position: fixed;
        top: 80;
      }
      .mainBox{
        padding-top: 88px;
        display: flex;
        justify-content: space-between;
        height: 100%;
        .leftBox{
          width: 70%;
          // width: 1520px;
          height: 100%;
        }
        .rightBox{
          width: 28%;
          // width: 557px;
          height: 100%;
        }
      }
    }
  }


</style>

